<template>
  <div class="login">
  	  <div class="title">
  		  <div class="title_item">欢迎登录</div>
  		  <div class="title_item">标普产品供销系统</div>
  		  <van-cell-group>
  		     <van-field
  		        v-model="phone"
  		        type="tel"
  		        placeholder="请输入手机号"
  				maxlength="11"
  				@blur=blurphone()
  		        :error-message=message
  		      />
  			   <van-field
  				  type="password"
  				  v-show="downIcon"
  				  placeholder="请输入密码"
  				  @click-right-icon="eye"
  				  right-icon="eye"
  				  v-model="password"
  				  error-message
  			  />
  			  <van-field
  				  type="text"
  				  v-show="!downIcon"
  				  placeholder="请输入密码"
  				  @click-right-icon="eye"
  				  right-icon="eye-o"
  				  v-model="password"
  				  error-message
  			  />
  		  </van-cell-group>
  		  <Button class="button_login" @click="buton()">登录</Button>
  	  </div>
  	  
  </div>
</template>

<script src="./login.js"></script>

<style  lang="less" scoped>
 .login {
   height: 100%;
   width: 100%;
   background-color: #FF854D;
   padding: 100px 0 0 30px;
   .title{
 	  font-size: 22px;
 	  color: #fff;
 	  font-family: Source Han Sans CN;
 	  line-height: 40px;
   }
   .van-cell{
 	  width: 90%;
 	  margin-top: 20px;
 	  border-radius: 4px;
 	  opacity: 0.8;
   }
   button{
 	      width: 90%;
 	      margin-top: 20px;
 	      outline: none;
 	      border: none;
 	      background: #fff;
 	      color: #4D4D4D;
 	      font-family: Source Han Sans CN;
 	      font-size: 16px;
 	      border-radius: 4px;
   }
 }
</style>
